<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>KAKA摄影</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

 <style>
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.page-loading {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
  .loader {
    border: 3px solid #ddd;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 3px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -25px 0 0 -25px;
}


 body{margin:0px;padding: 0px;}
   #title{padding:10px 0px;background-color: #fff;
   background-image: url(../images/back.png);
   background-repeat: no-repeat;
   color: #000;font-size:16px;text-align: center;border-bottom:1px solid #eee;margin:0px;
   position: fixed;
   top:0px;
   width: 100%;
   font-weight:bold;
   }
   #content{overflow: hidden;padding: 2px;margin-top:35px;}
  .is-loading {
    background-color: #fff;
    background-image: url(images/load.gif);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;border:1px solid #ddd;
    padding:3px;
    background-color:#eee;
}


.item{border-bottom:1px solid #eee;padding:5px 0px;height:80px;overflow:hidden;}

.leftContent{display:inline-block;width:100px;height:80px;border:1px solid #eee;overflow:hidden;float:left;
             background-color:#eee;border-radius:3px;
}
.leftContent img{width:100px;}

.rightContent{
    display:inline-block;
    width:-webkit-calc(100% - 112px); 
    width:-moz-calc(100% - 112px); 
    width:calc(100% - 112px); 
   margin-left:10px;
}
.rightContent .title{line-height:24px;font-size:16px;color:#666;min-height:70px;overflow:hidden;}
.rightContent .date{color:#999;font-size:12px;text-align:right;padding-right:5px;}
</style>    
</head>
<body>   

<div class="page-loading">
    <div class="loader"></div>
</div>

<div id="title" onclick="window.history.go(-1);"> 
    新闻动态
</div>
<div id="content">
    <div class="item">
        <div class="divInlne leftContent">
            <img src="../files/upload/xsmall/newsImageAdd(2017-6-29191012381)_24323432.jpg" />
        </div>
        <div class="divInlne rightContent">
            <div class="title">罗瑞三年一亿签约猛龙，继续争冠，继续争冠，继续争冠</div>          
            <div class="date">2013-10-1</div>          
        </div>
    </div> 
    
    <div class="item">
        <div class="divInlne leftContent">
            <img src="../files/upload/xsmall/newsImageAdd(2017-6-29191012381)_24323432.jpg" />
        </div>
        <div class="divInlne rightContent">
            <div class="title">罗瑞三年一亿签约猛龙，继续争冠，继续争冠，继续争冠</div>
            <div class="date">2013-10-1</div>
        </div>
    </div> 
    
    <div class="item">
        <div class="divInlne leftContent">
            <img src="../files/upload/xsmall/newsImageAdd(2017-6-29191012381)_24323432.jpg" />
        </div>
        <div class="divInlne rightContent">
            <div class="title">罗瑞三年一亿签约猛龙，继续争冠，继续争冠，继续争冠</div>
            <div class="date">2013-10-1</div>
        </div>
    </div>    
</div> 

    <script src="/js/lib/jquery.js"></script>
    <script type="text/javascript">

  //$('.page-loading').show();

   function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }


    function product_loadItem(){
     var Jsondata = {};
    Jsondata.id = GetQueryString("id");
    $.ajax({
                url : "/admin/getcompanyNew",
                method: 'POST',
                data:JSON.stringify(Jsondata),
                dataType: "json",
                success: function (response) {
                 if(response.Url!=null&response.Url!=undefined&&response.Url!=""){
                    var iframe="<iframe src='{{url}}' style='height:{{height}};width:100%;border:0px;'></iframe>";
                    iframe=iframe.replace("{{url}}",response.Url).replace("{{height}}",$(window).height().toString()+"px");
                    $("#content").append(iframe);
                    $("#title").html(response.title)
                 }
                 else{
                    var Resulthtml="";
                    $("#content").append("<div class='newCt'>"+response.content+"</div>");
                    $("#title").html(response.title)

                    $(".newCt *").css("font-size","15px").css("line-height","28px").css("background-color","#fff");
                    if(response.title=="新闻动态") {
                        var src=$("#content img").attr("src");
                        src=src.replace("../files/upload/","../files/upload/small/");
                        $("#content img").attr("src",src);

                        $("#content").append('<div style="padding:5px 10px;text-align:right;color:#bbb;font-size:12px;border-top:1px solid #ddd;">'+getDate(response.createDate)+'</div>');
                    }
                    $("#content img").css("width","100%");
                 }
                 $('.page-loading').delay(0).fadeOut(1000);
             }

           });
}

function getDate(value){
  return (value.substring(0,16).replace("T","日").replace("-","年").replace("-","月"));
}
$(function(){
    $('.page-loading').delay(0).fadeOut(1000);
    //product_loadItem();
});
    </script>   
         
</body>

</html>
